import React, { Component } from 'react'
console.log(Component);
export default class App extends Component {
    state = {
        msg: '你好世界'
    }
  render() {
    return (
      <div>
        <h1>App -- {this.state.msg}</h1>
        <button onClick={()=>{
            // 对象的修改方式
            // this.setState({
            //     msg: '今天你开心了吗？'
            // })

            this.setState((prevState, props)=>{
                // prevState： 获取上一次 state 中的值
                // props: 是父组件传递到当前组件的值

                // 修改数据的函数
                console.log(prevState, props);

                return {
                    // 被 return 出去的内容就是要修改的内容
                    // 需要修改的内容
                    msg: '今天你开心了吗？'
                }
            },()=>{
                // DOM 更新之后的回调函数
            })
        }}> 点击修改 </button>
      </div>
    )
  }
}
